﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>原生json格式化及高亮</title>
<meta name="description" content="json,格式化,高亮">
	<meta name="keywords" content="json,格式化,高亮">
		<script src="js/c.js" type="text/javascript"></script>
		<link href="css/s.css" type="text/css" rel="stylesheet"></link>
</head>
<body>
	<div class="HeadersRow">
		<h3 id="HeaderSubTitle">JSON格式化及高亮</h3>
		<textarea id="RawJson"></textarea>
	</div>
	<div id="ControlsRow">
		<div class="ControlsRow_div">
			<input type="Button" value="格式化" onclick="Process()" />
			<span id="TabSizeHolder"> 缩进量 </span>
			<select id="TabSize" onchange="TabSizeChanged()">
				<option value="1">1</option>
				<option value="2" selected="true">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
			</select>
			<label for="QuoteKeys">
				<input type="checkbox" id="QuoteKeys" onclick="QuoteKeysClicked()" checked="true" />
				引号
			</label>
			&nbsp;
			<a href="javascript:void(0);" onclick="SelectAllClicked()">全选</a>
			&nbsp;
			<span id="CollapsibleViewHolder">
				<label for="CollapsibleView">
					<input type="checkbox" id="CollapsibleView" onclick="CollapsibleViewClicked()" checked="true" />
					显示控制
				</label>
			</span>
			<span id="CollapsibleViewDetail">
				(
				<a href="javascript:void(0);" onclick="ExpandAllClicked()">展开</a>
				<a href="javascript:void(0);" onclick="CollapseAllClicked()">叠起</a>
				<a href="javascript:void(0);" onclick="CollapseLevel(3)">2级</a>
				<a href="javascript:void(0);" onclick="CollapseLevel(4)">3级</a>
				<a href="javascript:void(0);" onclick="CollapseLevel(5)">4级</a>
				<a href="javascript:void(0);" onclick="CollapseLevel(6)">5级</a>
				<a href="javascript:void(0);" onclick="CollapseLevel(7)">6级</a>
				<a href="javascript:void(0);" onclick="CollapseLevel(8)">7级</a>
				<a href="javascript:void(0);" onclick="CollapseLevel(9)">8级</a>
				)
			</span>
		</div>
	</div>
	<div id="Canvas" class="Canvas"></div>

	<script type="text/javascript" src="js/m.js"></script>
</body>
</html>

